/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.tLeft{
    text-align:left;
}
.tRight{
    text-align:right;
}

*/


/*------------- FONTS --------------------------------------------------------------------------------- */
/* Generated by Font Squirrel (http://www.fontsquirrel.com)*/

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


.lim-debug{
    display:none;
}

.lim-notices{
    display:none;
}






body{
    background-repeat:repeat;
    background-color:rgb(251,251,251);
}

.commandWindow{
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background-color:rgba(252,252,252,0.85);
    z-index:501;
    text-align:center;
}
.commandWindow .commandWindow-inner{
    position:absolute;
    top:35%;
    left:20%;
    right:20%;
    background-color:rgba(255,255,255,0.9);
    box-shadow:0px 0px 40px 0px rgba(0,0,0,0.1);
    border:1px rgb(215,215,215) solid;
    padding:40px;
}

.commandWindow .commandWindow-inner .input-append{
    width:100%;
    text-align:center;
}

header{
    display:block;
    background-color:rgba(247,247,247,1);
    padding:10px 20px 10px 30px;
    border-bottom:1px rgba(233,233,233,1) solid;
    position:fixed;
    top:0;left:0;right:0;  
    z-index:401;
    box-shadow:inset 0px -1px 4px 0px rgba(0,0,0,0.05);
}
header i{
    margin-top:2px !important;
}

.header-inner{
    display:block;
    clear:both;
    overflow:auto;
}

.logo{
    display:block;
    float:left;
    margin:0;
}

.mainNav{
    display:block;
    float:left;
    width:auto;
}
.mainNav li{
    display:block;
    float:left;width:auto;
    margin-right:10px;
}


.loginBox{
    width:100%;
    height:auto;
    float:right;
    overflow:auto;
}
.loginBox > button{
    display:block;
    width:auto;
    float:right;
}




.subHead{
    height:29px;
    padding:10px 20px 10px 30px;
    border-bottom:1px rgba(240,240,240,1) solid;
    position:fixed;
    top:49px;left:0;right:0;
    z-index:400;
    background-color:rgb(251,251,251);
}

.subHeadInner{
    
}
.subHeadInner h3{
    font-size:24px;
    font-family:"OpenSansLight";
    color:rgba(0,175,219,1);
    float:left;
    font-weight:lighter;
}

.subHead .menuButton{
    margin:0;
    float:left;
}
.subHead .menuButton i{
    margin-top:1px;
}
.container-fluid#mainContainer{
    width:100%;
    padding:0px 20px 20px 20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    position:fixed;
    top:99px;left:0;right:0;
    overflow:auto;
}
.bcrumbs{
    list-style:none;
}
.bcrumbs li{
    display:block;
    float:left;
    font-family:"OpenSansLight";
    font-size:22px;
    margin-left:8px;
    color:rgba(0,0,0,0.3);
    margin-right:8px;
    cursor:pointer;
    -webkit-transition:color .1s ease-in-out;
        -moz-transition:color .1s ease-in-out;
        -o-transition:color .1s ease-in-out;
        -ms-transition:color .1s ease-in-out;
        transition:color .1s ease-in-out;
}
.bcrumbs li:hover:not(.divdot):not(last-child){
    color:rgba(0,0,0,0.4);
}
.bcrumbs li:last-child{
    color:rgba(0,175,219,1);
    margin-right:0px;
}

.sideBar{
    overflow-x:hidden;
    overflow-y:auto;
    padding-top:20px;
}
.sideBar ul{
    list-style:none;
    margin:0;
}
.sideBar ul > li{
    font-family:"OpenSansLight";
    color:#444;
    cursor:pointer;
    font-size:16px;
    margin-bottom:2px;

}
.sideBar ul >li figure{
    padding:6px 14px 6px 14px;
    margin:0;
}
.sideBar ul > li figure:hover{
    background-color:rgba(0,0,0,0.03);
}
.sideBar ul > li.active figure:first-child{
    color:rgba(0,175,219,1);
    background-color:rgba(0,0,0,0.01);
}

.sideBar ul > li  i{
    display:inline-block;
}
.sideBar ul > li  .menuText{
    display:inline-block;
}

.sideBar ul.subSide{
    padding:5px 0px 5px 0px;
    display:none;
}
.sideBar ul.subSide li{
    font-size:15px;
    line-height:17px;
    margin-bottom:5px;
    padding:4px 10px 5px 14px;
    margin-left:10px;
}
.sideBar ul.subSide li:hover{
    background-color:rgba(0,175,219,0.1);
}



.content{
    background-color:rgba(235,235,235,0);
    padding:20px;
  
    font-family:"OpenSansLight";
    overflow-y:scroll;
}

::-webkit-scrollbar{width:7px;height:7px;}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.0);}
::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.05);}
::-webkit-scrollbar-thumb{background-color:rgba(0,175,219,0.4);}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,175,219,0.7);}


footer{
    height:40px;
    background-color:rgba(251,251,251,1);
    position:fixed;
    bottom:0;left:0;right:0;
    z-index:400;
    border-top:1px rgba(233,233,233,1) solid;
 
}



.item{
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px #EEEEEE solid;
}
.item .cTitle{
    font-family:"OpenSansLight";
    font-size:22px;
    margin-bottom:10px;
    color:rgba(0,175,219,1);
}
.item p{
    font-family:"OpenSansLight";
    font-size:15px;
    line-height:20px;
}
.item p:first-child{
    margin-bottom:10px;
}







hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}
.borBox{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}


.btn{
    -webkit-border-radius:1px;
        -moz-border-radius:1px;
            border-radius:1px;
    font-family:"OpenSansRegular";
}

.btn-group.sharp .btn:first-child{
    -webkit-border-radius:1px 0px 0px 1px;
        -moz-border-radius:1px 0px 0px 1px;
        border-radius:1px 0px 0px 1px;
}
.btn-group.sharp .btn:last-child{
    -webkit-border-radius:0px 1px 1px 0px;
        -moz-border-radius:0px 1px 1px 0px;
        border-radius:0px 1px 1px 0px;
}
.btn-group.active-group .btn{
    background-image:none;
}

.btn-group.rating .btn{
    background-image:none;
    box-shadow:none;
    background-color:#CCC;
}
.btn.noGR{
    background-image:none;
}

.modal{
    font-family:"OpenSansRegular";
}
.modal h3 i{
    margin-top:4px !important;
}
.modal form i{
    margin-top:2px !important;
}

#uOpsL{
    margin-top:-10px;
}








.page-header{
    margin-top:0;
    padding-top:0;
}
.hBig{
    font-family:"OpenSansLight";
    font-size:22px;
    color:rgba(0,175,219,1);
    font-weight:lighter;
}
.hBig small{
    font-family:"OpenSansLight";
    font-size:18px;
    color:rgba(0,0,0,0.4);
}

.box{
    background-color:rgba(0,175,219,0.4);
    height:180px;
    cursor:pointer;
    -webkit-transition:background .2s ease-in-out;
    -moz-transition:background .2s ease-in-out;
    -ms-transition:background .2s ease-in-out;
    -o-transition:background .2s ease-in-out;
    transition:background .2s ease-in-out;
}
.box h1{
    margin-top:14%;
    font-size:20px;
    color:#FFF;
    font-family:"OpenSansLight";
    text-align:center;
    font-weight:lighter;
}
.box:hover{
    background-color:rgba(0,175,219,0.6);
}

.notification{
    position:absolute;
    padding:5px 14px 6px 14px;
    font-size:15px;
    font-family:'OpenSansRegular';
    color:#FFF;
    box-shadow:0px 1px 4px 0px rgba(0,0,0,0.06);
    background-color: rgba(0,175,219,0.6);
    text-align:center;
    width:auto;
    top:9px;
    left:50%;
    border:2px white solid;
    text-shadow:1px 1px 1px rgba(0,0,0,0.1);
    border-radius:2px;
}


.stripe{
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.25)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.25)), color-stop(0.75, rgba(255, 255, 255, 0.25)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    
}

.stripeB{
    -webkit-background-size: 60px 60px;
    -moz-background-size: 60px 60px;
    -o-background-size: 60px 60px;
    -ms-background-size: 60px 60px;
    background-size: 60px 60px;
}
.stripeS{
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    -ms-background-size: 60px 60px;
    background-size: 40px 40px;
}

.stripe.activeB{
    -webkit-animation: stripeB 0.8s linear infinite;
    -ms-animation: stripeB 0.8s linear infinite;
    -o-animation: stripeB 0.8s linear infinite;
    -moz-animation: stripeB 0.8s linear infinite;
    animation: stripeB 0.8s linear infinite;
}
.stripe.activeS{
    -webkit-animation: stripeS 0.8s linear infinite;
    -ms-animation: stripeS 0.8s linear infinite;
    -o-animation: stripeS 0.8s linear infinite;
    -moz-animation: stripeS 0.8s linear infinite;
    animation: stripeS 0.8s linear infinite;
}
.stripe.red{
    background-color:rgba(250,0,0,0.4);
}
.stripe.green{
    background-color:rgba(0,194,78,0.3);
}
.stripe.blue{
    background-color:rgba(0,175,219,0.4);
}
.stripe.yellow{
    background-color:rgba(255,196,37,0.5);
}
.stripe.black{
    background-color:rgba(0,0,0,0.05);
}
.stripe.headGray{
    background-color:rgb(245,245,245);
    border-bottom:1px rgb(230,230,230) solid;
}



@-webkit-keyframes stripeB {
  from {background-position: 0 0;}
  to {background-position: 60px 0;}
}
@-moz-keyframes stripeB {
  from {background-position: 0 0;}
  to {background-position: 60px 0;}
}
@-ms-keyframes stripeB {
  from {background-position: 0 0;}
  to {background-position: 60px 0;}
}
@keyframes stripeB {
  from {background-position: 0 0;}
  to {background-position: 60px 0;}
}
/*-------------------------------------------------------*/
@-webkit-keyframes stripeS {
  from {background-position: 0 0;}
  to {background-position: 40px 0;}
}
@-moz-keyframes stripeS {
  from {background-position: 0 0;}
  to {background-position: 40px 0;}
}
@-ms-keyframes stripeS {
  from {background-position: 0 0;}
  to {background-position: 40px 0;}
}
@keyframes stripeS {
  from {background-position: 0 0;}
  to {background-position: 40px 0;}
}


.contentHolder{
    display:block;
    margin-top:20px;
}


.fill{
    position:absolute;
    top:0;left:0;height:inherit;width:inherit;
    z-index:40;
}
.front{
    position:absolute;
    top:0;left:0;height:inherit;width:inherit;
    z-index:41;
}
.frontLayer{
    position:absolute;
    z-index:20;
    top:0;right:0;left:0;bottom:0;
}




.tLeft{
    text-align:left;
}
.input-append{

    width:auto;
}
.input-append input.span4fix{
    border-radius:1px;
    display:inline-block !important;
    width:290px;
}
.form.sharp input{
    -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
}
.form.sharp textarea{
    -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
}
.form.sharp .input-prepend input{
    -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
}
.form.sharp .input-prepend .add-on{
    -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
}
input.sharp{
    border-radius:1px;
}


ul#sOpsL li i{
    margin-top:1px;
}
.lightShadow{
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
    border:1px #BBB solid;
}
textarea.sharp{
    border-radius:1px;
}
.input-append button{
    border-radius:1px !important;
}
.input-append button i{
    margin-top:2px;
}

.sideBar ul li i{
    opacity:0.7;
    margin-top:4px;
    
}

.centerOnPage{
    position:absolute;
    left:50%;
    width:auto;
}

.droppy-menu{
    border-radius:0px !important;
    -webkit-border-radius:0px !important;
    -moz-border-radius:0px;
}







/*
.btn-info,.btn-primary,.btn-success,.btn,.btn-warning,.btn-danger{
    background-image:none;
}
*/


/*NEW GLYPHICONS ICONS*/

i[class*='icon-new-']{
    background-size:14px 14px;
    background-position:0px 0px;
}
i[class*='icon-new-'].big{
    background-size:24px 24px;
    background-position:0px 0px;
    width:24px;
    height:24px;
}
i.icon-new-group{
    background-image:url('../img/icons/glyphicons_043_group.png');
    background-size:14px 11px;
    position:relative;
    top:2px;
}
.icon-new-stats{
    background-image:url('../img/icons/glyphicons_040_stats.png');
}
.icon-new-charts{
    background-image:url('../img/icons/glyphicons_041_charts.png');
}
.icon-new-gplus{
    background-image:url('../img/icons/glyphicons_362_google+_alt.png');
}
.icon-new-twitter{
    background-image:url('../img/icons/glyphicons_392_twitter.png');
}
.icon-new-facebook{
    background-image:url('../img/icons/glyphicons_390_facebook.png');
}
.icon-new-dashboard{
    background-image:url('../img/icons/glyphicons_331_dashboard.png');
}
.icon-new-social{
    background-image:url('../img/icons/glyphicons_355_announcement.png');
}
.icon-new-gallery{
    background-image:url('../img/icons/glyphicons_319_sort.png');
}
.icon-new-blog{
    background-image:url('../img/icons/glyphicons_351_book_open.png');
}


h1,h2,h3,h4,h5,h6{
    font-weight:lighter;
}
.container-fluid#footMain{
    padding-top:10px;
}





/*ON DASHBOARD PAGE*/
.dashMenu{
    height:100px;
    background-color:rgb(247,247,247);
    border:1px rgb(240,240,240) solid;
    padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.dashMenu:hover{
    border:1px rgb(240,240,240) solid;
}
.dashStats li{
    display:inline-block;
    text-align:center;
}
.dashStats li .data{
    margin-bottom:5px;
    font-size:22px;
}
.dashStats li .category{
    text-transform:uppercase;
    color:#CCC;
    font-size:13px;
    font-family:"OpenSansBold";
}

.table thead th{
background-color:rgb(242,242,242);
background-image: -ms-linear-gradient(top, rgb(242,242,242), rgb(232,232,232));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(242,242,242)), to(rgb(232,232,232)));
background-image: -webkit-linear-gradient(top, rgb(242,242,242), rgb(232,232,232));
background-image: -o-linear-gradient(top, rgb(242,242,242), rgb(232,232,232));
background-image: linear-gradient(top, rgb(242,242,242), rgb(232,232,232));
background-image: -moz-linear-gradient(top, rgb(242,242,242), rgb(232,232,232));

border:1px rgb(220,220,220) solid !important;
}




/*BOX WIDGET*/
.box-widget{
    background-color:rgb(251,251,251);
    height:auto;
    border:1px rgb(235,235,235) solid;
    font-family:"OpenSansRegular";
}
.box-widget:hover .box-widget-head{
    background-color:rgb(242,242,242);
background-image: -ms-linear-gradient(top, rgb(242,242,242), rgb(232,232,232));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(242,242,242)), to(rgb(232,232,232)));
  background-image: -webkit-linear-gradient(top, rgb(242,242,242), rgb(232,232,232));
  background-image: -o-linear-gradient(top, rgb(242,242,242), rgb(232,232,232));
  background-image: linear-gradient(top, rgb(242,242,242), rgb(232,232,232));
  background-image: -moz-linear-gradient(top, rgb(242,242,242), rgb(232,232,232));

}
.box-widget-head{
    height:28px;
    background-color:rgb(248,248,248);
    padding:3px 6px;
    font-size:14px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:1px rgb(220,220,220) solid;


  background-image: -ms-linear-gradient(top, rgb(246,246,246), rgb(240,240,240));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(246,246,246)), to(rgb(240,240,240)));
  background-image: -webkit-linear-gradient(top, rgb(246,246,246), rgb(240,240,240));
  background-image: -o-linear-gradient(top, rgb(246,246,246), rgb(240,240,240));
  background-image: linear-gradient(top, rgb(246,246,246), rgb(240,240,240));
  background-image: -moz-linear-gradient(top, rgb(246,246,246), rgb(240,240,240));

}
.box-widget-hide .box-widget-head{
  background-image: -ms-linear-gradient(top, rgb(230,230,230), rgb(220,220,220));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(230,230,230)), to(rgb(220,220,220)));
  background-image: -webkit-linear-gradient(top, rgb(230,230,230), rgb(220,220,220));
  background-image: -o-linear-gradient(top, rgb(230,230,230), rgb(220,220,220));
  background-image: linear-gradient(top, rgb(230,230,230), rgb(220,220,220));
  background-image: -moz-linear-gradient(top, rgb(230,230,230), rgb(220,220,220));

}
.box-widget-head i{
    opacity:0.6;
    margin-top:2px;
}
.box-widget-head .btn-group .btn{
    border:none;
    background:none;
    box-shadow:none;
}
.box-widget-body{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    padding:10px;
    color:#666;
}
.box-widget-body p{
    font-size:13px;
}
.box-widget-body ol{
    margin:6px 0px 6px 0px;
    list-style:decimal;
    list-style-position:inside;
}
.box-widget-body ol li{
    font-size:12px;
}
.box-widget-footer{
    margin-top:8px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    padding:5px 10px;
    font-size:10px;
    font-family:"OpenSansBold";   
    color:#999;
    border-top:1px rgb(244,244,244) solid;
}








ul.horizontal li{
    display:inline-block;
    margin-right:6px;
    margin-bottom:6px;
}
ul.transparent li{
    opacity:0.4;
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    -ms-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease;
}
ul.transparent li:hover{
    opacity:0.7;
}
ul.filter li{
    background-color:rgba(0,175,219,0.7);
    color:#FFF;
    padding:4px 8px;
    font-size:12px;
    font-family:"Arial";
    border-radius:2px;
    cursor:pointer; 
    -webkit-transition:background .2s ease-in-out; 
    -ms-transition:background .2s ease-in-out;
    -moz-transition:background .2s ease-in-out;
    -o-transition:background .2s ease-in-out;
    transition:background .2s ease-in-out; 
}
ul.filter li:hover{
    background-color:rgba(0,194,78,0.9);
}


h1,h2,h3,h4{
    font-weight:lighter;
}

.vScroll{
    overflow-y:scroll;
}
.mdContent{
    padding:0;
}
ul.portfolioItems li{
    height:98px;
    width:158px;
    border:8px rgba(0,175,219,0.45) solid;
    padding:5px;
    margin-bottom:10px;
    position:relative;
    border-radius:2px;
    cursor:pointer;
}
ul.portfolioItems li:hover h4{
    opacity:1;
}
ul.portfolioItems li img{
    position:absolute;
    top:inherit;left:0;right:0;
    width:100%;
    height:inherit;
    z-index:20;
}
ul.portfolioItems li h4{
    position:absolute;
    top:0;
    bottom:0px;left:0;right:0;
    height:68px;
    z-index:21;
    background-color:rgba(0,175,219,0.9);
    text-align:center;
    color:#FFF;
    font-family:"OpenSansRegular";
    font-weight:lighter;
    font-size:12px;
    padding:35px 0px 5px 0px;
    opacity:0;
    -webkit-transition:opacity .3s ease-in-out;
    -ms-transition:opacity .3s ease-in-out;
    -o-transition:opacity .3s ease-in-out;
    -moz-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out;
}



.blogPost .title blockquote p{
    font-family:"OpenSansLight";
    font-size:22px;
    color:rgba(0,175,219,1);
    margin-bottom:4px;
}
.blogPost .title blockquote small{
    font-size:10px;
    padding-top:0px;
    text-transform:uppercase;
    font-family:"OpenSansBold";
    color:#CCC;
    margin-bottom:4px;
}
.blogPost img{
    border:3px #FFF solid;
    box-shadow:0px 0px 5px 0px rgba(0,175,219,0.3) ;
    width:100px;
    height:62px;
    display:inline-block;
    margin-right:8px;
    margin-bottom:8px;
}
.blogPost img.bigPic{
    display:block;
    width:80%;
    height:auto;
}
.blogPost {
    font-size:14px;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px rgb(230,230,230) solid;
}
.blogContent p{
    font-size:14px;
    color:#777;
    margin-bottom:8px;
    line-height:17px;
}
.blogContent p a{
    font-size:12px;
    font-family:Arial;
    margin-right:10px;
}
.blogSide{
    background-color:rgb(247,247,247);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    padding:20px;
}
.blogSide .social ul li{
    width:24px !important;
    height:24px !important;
    background-size:23px 23px;
    background-position:center center;
    opacity:0.6;
    cursor:pointer;
    -webkit-transition:opacity .3s ease;
    -ms-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    transition:opacity .3s ease;

}
.blogSide .social ul li:hover{
    opacity:0.9;
}
.blogSide .adSpace{
    width:100%;
    height:200px;
    border:1px rgb(210,210,210) solid;
    background-image:url('http://placehold.it/400x300&text=Ad+Here');
    background-size:100% 100%;
}
.blogSide > div{
    margin-bottom:20px;
    display:block;
}
.blogSide .archive ul li{
    font-family:"Arial",sans-serif;
    font-size:12px;
    padding:4px 8px;
}
.blogSide .tags ul li{
    background-color:rgb(0,175,219);
    color:#FFF;
    font-size:11px;
    font-family:"OpenSansBold";
    display:inline-block;
    margin-bottom:6px;
    margin-right:6px;
    padding:4px 8px 6px 8px;
    border-radius:2px;
    opacity:0.6;
    cursor:pointer;

    -webkit-transition:opacity .2s ease-in-out;
    -moz-transition:opacity .2s ease-in-out;
    -ms-transition:opacity .2s ease-in-out;
    -o-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out;
}
.blogSide .tags ul li:hover{
    opacity:1;
}
.blogSide .tags ul li:nth-child(2n){
    background-color:rgb(0,194,78);
}
.blogSide .tags ul li:nth-child(3n){
    background-color:rgb(244, 120, 54);
}
.blogSide .tags ul li:nth-child(4n){
    background-color:rgb(125, 65, 153);
}




.feeds .span4{
    background-color:rgb(247,247,247);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    padding:10px;
}






.memberList > li{
    background-color:rgb(248,248,248);
    display:block;
    float:left;
    margin:0px 20px 20px 0px;
    width:220px;
    height:160px;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    padding:10px 20px;
    border:1px #EEE solid;
}
    
.memberList > li:hover{
    background-color:rgb(240,240,240);
}
.memberList > li > img{
    display:block;
    float:left;
    width:50px;
    height:50px;
    margin-right:10px;
    border:3px white solid;
    box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);
}
.memberList > li > ul.info{
    display:block;
    float:left;
}
.memberList > li > ul.info > li.name{
    font-family:"OpenSansBold";
    color:#AAA;
    margin-bottom:4px;
}
.memberList > li > ul.info > li.post{
    font-family:"OpenSansBold";
    color:#CCC;
    font-size:12px;
    margin-bottom:4px;
}



.featurelist > li{
    display:block;
    font-family:"OpenSansLight";
    font-size:22px;
    color:#00AFDB;
    padding:15px;
    cursor:pointer;
    -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
            box-sizing:border-box;
}
.featurelist > li:hover{
    background-color:rgb(246,246,246);
}

.featurelist > li > small{
    font-size:14px;
    margin-top:5px;
    display:block;
    color:#888;
}

.featurelist > li > small > ul{
    margin-top:8px;
}
.featurelist > li > small > ul > li{
    font-size:12px;
    color:#AAA;
    display:block;
    padding-left:10px;
    margin-bottom:6px;
}









code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 18px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}


.gallery .tile{
    padding:8px;
    border:1px rgb(230,230,230) solid;
    display:inline-block;
    margin:0px 10px 10px 0px;
    opacity:0.7;
    position:relative;
    -webkit-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;

    overflow:hidden;
}
.gallery .tile img{
    position:absolute;
    top:8px;left:8px;
    z-index:31;
}
.gallery .tile:hover{
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
    opacity:1;
}
.gallery .tile:hover .hoverImg{
    opacity:1;
}
.gallery .tile .hoverImg{
    position: absolute;
    top:40px;left:0;right:0;
    height:30px;
    z-index:32;
    opacity:0;
    background-color:rgba(0,0,0,0.1);
    text-align:center;padding-top:6px;
    color:#FFF;
    -webkit-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
}
.gallery.photo .tile{
    width:150px;
    height:150px;
}
.gallery.photo .tile img{
    width:150px;
    height:150px;
}
.gallery.video .tile{
    width:160px;
    height:90px;
}
.gallery.video .tile img{
    width:160px;
    height:90px;
}
.gallery.video .tile .hoverImg{
    height:24px;
    font-size:18px;
    padding-top:3px;
    padding-bottom:3px;
}
.gallery.books .tile{
    height:160px;
    width:120px;
}
.gallery.books .tile img{
    height:160px;
    width:120px;
}
.gallery.books .tile .hoverImg{
    font-size:14px;
}

/*RESPONSIVE BEHAVIOR*/
@media (max-width: 767px) {
    header > .span2.pull-left{
    float:left;
    }
    header > .span3.pull-right{
    float:right;
    }
    header > .span7.pull-left{
    display:none !important;
    }

    .subHeadInner > .span12 > .form-horizontal #searchInput{
        width:150px;
    }

    .sideBar ul li{
        display:inline-block;
        width:auto;
    }
    .sideBar ul hr{
        margin:10px 0px 10px 0px;
    }
    .sideBar > ul > li .subSide{
        padding-right:10px;
        border-top:1px rgb(240,240,240) solid;
        background-color:rgb(247,247,247);
    }
    .sideBar{
        display:none;
        background-color: rgba(255,255,255,0.93);
        position: absolute;
        z-index : 400;
        border:1px rgb(240,240,240) solid;
        border-top:none;
        box-shadow:0px 0px 7px 1px rgba(0,0,0,0.1);
    }

    .bcrumbs li{
        display:none;
    }
    .bcrumbs li:last-child{
        display:block;
    }
}


#browsers_dashboard_chart{
    height:240px;
}
.quickLinks{
    list-style:none;
    margin:0;padding:0;
    text-align:center;
}
.quickLinks li{
    height:60px;
    background-color:rgb(248,248,248);
    border:1px rgb(235,235,235) solid;
    display:inline-block;
    text-align:center;
}
.quickLinks li i{
    margin-top:10px;
    opacity:0.6;
}
.quickLinks li:hover{
    box-shadow:0px 0px 7px 0px rgba(0,0,0,0.1);
}

.nav-tabs > li > a{
    -webkit-border-radius: 0;
        -moz-border-radius: 0;
            border-radius: 0;
}